﻿@model QuakerSchool.Models.LoginModel

@{
    Layout = null;
    ViewBag.Title = "Log in";
}
<!DOCTYPE html >
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>@ViewBag.Title - Quaker School</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/login_style.css")

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(".username").focus(function() {
		$(".user-icon").css("left","-48px");
	});
	$(".username").blur(function() {
		$(".user-icon").css("left","0px");
	});
	
	$(".password").focus(function() {
		$(".pass-icon").css("left","-48px");
	});
	$(".password").blur(function() {
		$(".pass-icon").css("left","0px");
	});
});
</script>

</head>
<body>

<div id="wrapper">

    @using (Html.BeginForm("Login", "Account",new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { id = "login-form" }))
    {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <div class="header">
    <h1>Quaker School</h1>
    <span></span>
    </div>
    <div class="content">
        <ol>
            <li>
                <div class="user-icon"></div>
                @Html.TextBoxFor(m => m.UserName, new { @class="input username", @Value = "User Name",  @onfocus="this.value=''" })
                @Html.ValidationMessageFor(m => m.UserName)
            </li>
            <li>
                <div class="pass-icon"></div>
                @Html.PasswordFor(m => m.Password, new { @class="input password", @Value = "Password",  @onfocus="this.value=''" })
                @Html.ValidationMessageFor(m => m.Password)
            </li>
        </ol>
    </div>

    <div class="footer">  
    <input type="submit" name="submit" value="Log in" class="button" />
    </div>
        
    }

</div>
<div class="gradient"></div>
    
@Scripts.Render("~/bundles/jquery")    
@Scripts.Render("~/bundles/jqueryval")
    </body>
    </html>

